<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		
		
	</head>
	<body>
		<div id="web">
			<!--头部-->
			<header>
				<div class="top">
					<div class="main">
						<span>全国热线：8888888</span>
						<div class="link fr">
							<a href="">设置首页</a>
							<a href="">添加收藏</a>
						</div>
					</div>
				</div>
				<nav>
					<div class="fl logo">
						<img src="img/logo.jpg"/>
					</div>
					<ul class="fr clearfix">
						<li class="active clearfix">
							<a href="index.html">
								<p>首页</p>
								<p>Home</p>
							</a>
						</li>
						<li>
							<a href="pro_main.html">
								<p>产品详细</p>
								<p>About</p>
							</a>
						</li>
						<li>
							<a href="product.html">
								<p>产品中心</p>
								<p>Products</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>服务支持</p>
								<p>Service</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>新闻中心</p>
								<p>News</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>在校商店</p>
								<p>Shop</p>
							</a>
						</li>
						<li>
							<a href="">
								<p>联系我们</p>
								<p>Contact Us</p>
							</a>
						</li>
					</ul>
				</nav>
			</header>
			
			<!--轮播-->
			<div class="swiper-container">
			    <div class="swiper-wrapper">
			        <div class="swiper-slide"><img src="img/proinfo_img/car.jpg" width="100%"/></div>
			        <div class="swiper-slide"><img src="img/proinfo_img/car.jpg" width="100%"/></div>
			        <div class="swiper-slide"><img src="img/proinfo_img/car.jpg" width="100%"/></div>
			    </div>
			    <!-- 分页器 -->
			    <div class="swiper-pagination"></div>
			</div>
		    
		    <section>
		    	<div class="sec_nav">
		    		<span><a href="">首页</a></span><span class="fuhao">></span>
			    	<span><a href="">新品发布</a></span><span class="fuhao">></span>
			    	<span><a href="">S6207Y-WR</a></span>
		    	</div>
		    	<!--1066 413-->
		    	<div class="product_sxj clearfix">
		    		<div class="zuo_tp fl">
		    			<div class="sxj_tp">
		    				<a href=""><img class="big_sxj" src="img/proinfo_img/shop.png"/></a>
		    				<ul>
		    					<li><a href=""><img src="img/proinfo_img/S_shop1.png"/></a></li>
		    					<li><a href=""><img src="img/proinfo_img/S_shop2.png"/></a></li>
		    					<li><a href=""><img src="img/proinfo_img/S_shop3.png"/></a></li>
		    					<li><a href=""><img src="img/proinfo_img/S_shop4.png"/></a></li>
		    					<li><a href=""><img src="img/proinfo_img/S_shop5.png" height="85px"/></a></li>
		    				</ul>
		    			</div>
		    		</div>
		    		<div class="you_nr fl">
							<p>百万高清网络摄像机</p>
							<p>型号:S6207Y-WR</p>
							<p>描述:</p>
							<p>100万无线高清 64GB TF卡 语音对讲 智能连接 手机观看</p>
							<p>1、采用H.264视频压缩技术, 实现超低码率、高清晰画质, 128K-2056Kbps可调；</p>
							<p>2、1280*720 Pixels(1000k Pixels) 720P/VGA;</p>
							<p>3、支持控制上下旋转巡航（水平355度/垂直120度）；支持ONVIF协议，标准RTSP流;</p>
							<p>4、支持最大64GB TF卡插入，支持双向对讲;</p>
							<p>5、支持smartlink免网线智能配置摄像机WiFi；支持手机远程监控（iPhone, Android）</p>
							<input class="active" type="button" value="立即购买" />
							<input type="button" value="联系我们" />
		    		</div>
		    	</div>	
		    </section>
		    
		    <div class="pre_dh">
		    	<ul class="clearfix">
		    		<li class="active"><a href="">产品描述</a></li>
		    		<li><a href="">规格参数</a></li>
		    		<li><a href="">产品图集</a></li>
		    	</ul>
		    </div>
		    
		    <div class="pre_nei_rong">
		    	<div>
					<p>720P高清画质</p>
					<p>百万高清镜头，高性能海思芯片</p>
					<p>1280X720分辨率，清晰度是普通摄像头的3倍</p>
					<div class="float_img clearfix">
						<div class="fl img1"><img src="img/proinfo_img/pro_shop1.jpg" alt="" /></div>
						<div class="fl img2"><img src="img/proinfo_img/pro_shop2.jpg" alt="" /></div>
					</div>
				</div>
				
				<div>
					<p>10米红外夜视</p>
					<p>零光源不用怕，成像一样清晰</p>
					<p>红外校正的光学设计，自动校正红外虚焦，保证晚上图像清晰，红外灯<br />
                		照射距离可达10米，配备IR-CUT，夜晚彩转黑白
					</p>
					<div><img src="img/proinfo_img/pro_shop3.jpg" alt="" /></div>
				</div>
				
				
				<div>
					<p>移动侦测  信息推送</p>
					<p>精准度高，误报率低。不怕贼惦记</p>
					<p>当监控区域出现移动目标时，监控录像就会自动开启录像功能，并会<br />
                		在第一时间将异常情况发送报警提示您
					</p>
					<div><img src="img/proinfo_img/pro_shop4.jpg" alt="" /></div>
				</div>
				
				<div><img src="img/proinfo_img/pro_shop5.jpg" alt="" /></div>
		    </div>
		    
		    <div class="pre_dh">
		    	<ul>
		    		<li class="active"><a href="">规格参数</a></li>
		    	</ul>
		    </div>
		    
		    <div class="pre_tab">
		    	<img src="img/proinfo_img/pro_shop6.jpg" alt="" />
		    </div>
		    
		    <div class="pre_dh">
		    	<ul>
		    		<li class="active"><a href="">更多产品</a></li>
		    	</ul>
		    </div>
		    
		    
		    <ul class="dibu_tp clearfix">
				<li><img src="img/proinfo_img/more1.png" alt="" /></li>
				<li><img src="img/proinfo_img/more2.png" alt="" /></li>
				<li><img src="img/proinfo_img/more3.png" alt="" /></li>
				<li><img src="img/proinfo_img/more4.png" alt="" /></li>
				<li><img src="img/proinfo_img/more5.png" alt="" /></li>
			</ul>
		    
		    
		    
		    
		    <!--底部-->
			<footer>
				<div class="foot">
					<p>关注我们：<img src="img/foot_logo.jpg"/><img class="WXimg" src="img/foot_WXlogo.jpg"/></p>
					<p><a href="">网站首页</a> · <a href="">新闻动态</a> · <a href="">关于我们</a> · <a href="">团队风采</a> · <a href="">联系我们</a> · <a href="">在线留言</a></p>
				</div>
				<div class="ban_quan">
					&copy;2015 TK科技有限公司 版权所有沪ICP证13022560号-7 All Rights Reserved
				</div>
			</footer>
		</div>
	</body>
	<script src="js/swiper.min.js"></script>
		<script src="js/JavaScript.js"></script>
		
		<style>
		.swiper-container{
			width: 100%;
			height: 253px;
		}
		
		.swiper-slide{
			text-align: center;
		}
	</style>
	<script type="text/javascript">
			new Swiper('.swiper-container',{
				loop:true,
				direction : "horizontal",
				pagination : ".swiper-pagination",
				prevButton : ".swiper-button-prev",
				nextButton : ".swiper-button-next",
				autoplay:2000
				
			});
			
		</script>
</html>
